
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 18:13:18 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="lucasraziel">
        <span class="simulation-information-label">Description: </span>
        <span>lucasraziel</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68420</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692814398000,3],[1692814399000,2],[1692814400000,2],[1692814401000,2],[1692814402000,2],[1692814403000,2],[1692814404000,2],[1692814405000,2],[1692814406000,2],[1692814407000,2],[1692814408000,2],[1692814409000,2],[1692814410000,2],[1692814411000,2],[1692814412000,2],[1692814413000,2],[1692814414000,2],[1692814415000,2],[1692814416000,2],[1692814417000,2],[1692814418000,2],[1692814419000,2],[1692814420000,2],[1692814421000,2],[1692814422000,2],[1692814423000,6],[1692814424000,6],[1692814425000,6],[1692814426000,7],[1692814427000,7],[1692814428000,7],[1692814429000,7],[1692814430000,8],[1692814431000,7],[1692814432000,8],[1692814433000,8],[1692814434000,8],[1692814435000,8],[1692814436000,9],[1692814437000,9],[1692814438000,9],[1692814439000,9],[1692814440000,9],[1692814441000,10],[1692814442000,9],[1692814443000,10],[1692814444000,10],[1692814445000,10],[1692814446000,11],[1692814447000,11],[1692814448000,10],[1692814449000,11],[1692814450000,12],[1692814451000,11],[1692814452000,12],[1692814453000,11],[1692814454000,12],[1692814455000,12],[1692814456000,13],[1692814457000,12],[1692814458000,13],[1692814459000,13],[1692814460000,13],[1692814461000,13],[1692814462000,14],[1692814463000,13],[1692814464000,14],[1692814465000,14],[1692814466000,14],[1692814467000,15],[1692814468000,14],[1692814469000,15],[1692814470000,15],[1692814471000,15],[1692814472000,16],[1692814473000,15],[1692814474000,16],[1692814475000,16],[1692814476000,16],[1692814477000,16],[1692814478000,17],[1692814479000,16],[1692814480000,17],[1692814481000,17],[1692814482000,18],[1692814483000,17],[1692814484000,18],[1692814485000,17],[1692814486000,18],[1692814487000,19],[1692814488000,18],[1692814489000,18],[1692814490000,19],[1692814491000,19],[1692814492000,19],[1692814493000,20],[1692814494000,19],[1692814495000,20],[1692814496000,20],[1692814497000,20],[1692814498000,20],[1692814499000,20],[1692814500000,21],[1692814501000,21],[1692814502000,21],[1692814503000,21],[1692814504000,22],[1692814505000,21],[1692814506000,22],[1692814507000,22],[1692814508000,22],[1692814509000,22],[1692814510000,23],[1692814511000,23],[1692814512000,23],[1692814513000,23],[1692814514000,23],[1692814515000,23],[1692814516000,24],[1692814517000,24],[1692814518000,24],[1692814519000,24],[1692814520000,25],[1692814521000,24],[1692814522000,25],[1692814523000,25],[1692814524000,25],[1692814525000,25],[1692814526000,26],[1692814527000,26],[1692814528000,26],[1692814529000,26],[1692814530000,26],[1692814531000,27],[1692814532000,26],[1692814533000,27],[1692814534000,27],[1692814535000,28],[1692814536000,28],[1692814537000,27],[1692814538000,28],[1692814539000,28],[1692814540000,29],[1692814541000,28],[1692814542000,29],[1692814543000,28],[1692814544000,29],[1692814545000,29],[1692814546000,30],[1692814547000,29],[1692814548000,30],[1692814549000,30],[1692814550000,30],[1692814551000,30],[1692814552000,31],[1692814553000,30],[1692814554000,31],[1692814555000,31],[1692814556000,31],[1692814557000,32],[1692814558000,31],[1692814559000,32],[1692814560000,32],[1692814561000,32],[1692814562000,33],[1692814563000,32],[1692814564000,33],[1692814565000,33],[1692814566000,33],[1692814567000,33],[1692814568000,34],[1692814569000,33],[1692814570000,34],[1692814571000,34],[1692814572000,35],[1692814573000,34],[1692814574000,35],[1692814575000,34],[1692814576000,35],[1692814577000,36],[1692814578000,35],[1692814579000,35],[1692814580000,36],[1692814581000,36],[1692814582000,36],[1692814583000,37],[1692814584000,36],[1692814585000,37],[1692814586000,37],[1692814587000,37],[1692814588000,37],[1692814589000,37],[1692814590000,38],[1692814591000,38],[1692814592000,38],[1692814593000,38],[1692814594000,39],[1692814595000,38],[1692814596000,39],[1692814597000,39],[1692814598000,39],[1692814599000,39],[1692814600000,40],[1692814601000,40],[1692814602000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692814398000,3],[1692814399000,2],[1692814400000,2],[1692814401000,2],[1692814402000,2],[1692814403000,2],[1692814404000,2],[1692814405000,2],[1692814406000,2],[1692814407000,2],[1692814408000,2],[1692814409000,2],[1692814410000,2],[1692814411000,2],[1692814412000,2],[1692814413000,2],[1692814414000,2],[1692814415000,2],[1692814416000,2],[1692814417000,2],[1692814418000,2],[1692814419000,2],[1692814420000,2],[1692814421000,2],[1692814422000,2],[1692814423000,6],[1692814424000,7],[1692814425000,7],[1692814426000,8],[1692814427000,8],[1692814428000,9],[1692814429000,9],[1692814430000,10],[1692814431000,11],[1692814432000,11],[1692814433000,11],[1692814434000,12],[1692814435000,13],[1692814436000,13],[1692814437000,13],[1692814438000,14],[1692814439000,15],[1692814440000,15],[1692814441000,16],[1692814442000,16],[1692814443000,17],[1692814444000,17],[1692814445000,18],[1692814446000,18],[1692814447000,19],[1692814448000,19],[1692814449000,20],[1692814450000,20],[1692814451000,21],[1692814452000,22],[1692814453000,21],[1692814454000,23],[1692814455000,23],[1692814456000,23],[1692814457000,24],[1692814458000,25],[1692814459000,25],[1692814460000,26],[1692814461000,26],[1692814462000,26],[1692814463000,28],[1692814464000,28],[1692814465000,28],[1692814466000,29],[1692814467000,29],[1692814468000,30],[1692814469000,30],[1692814470000,31],[1692814471000,31],[1692814472000,32],[1692814473000,33],[1692814474000,33],[1692814475000,33],[1692814476000,34],[1692814477000,34],[1692814478000,35],[1692814479000,36],[1692814480000,37],[1692814481000,36],[1692814482000,38],[1692814483000,37],[1692814484000,38],[1692814485000,39],[1692814486000,39],[1692814487000,40],[1692814488000,40],[1692814489000,41],[1692814490000,41],[1692814491000,42],[1692814492000,42],[1692814493000,43],[1692814494000,43],[1692814495000,44],[1692814496000,44],[1692814497000,45],[1692814498000,46],[1692814499000,46],[1692814500000,46],[1692814501000,47],[1692814502000,48],[1692814503000,48],[1692814504000,48],[1692814505000,49],[1692814506000,50],[1692814507000,50],[1692814508000,51],[1692814509000,51],[1692814510000,52],[1692814511000,52],[1692814512000,53],[1692814513000,53],[1692814514000,54],[1692814515000,55],[1692814516000,56],[1692814517000,55],[1692814518000,56],[1692814519000,56],[1692814520000,57],[1692814521000,58],[1692814522000,58],[1692814523000,58],[1692814524000,59],[1692814525000,60],[1692814526000,60],[1692814527000,60],[1692814528000,61],[1692814529000,62],[1692814530000,62],[1692814531000,63],[1692814532000,63],[1692814533000,64],[1692814534000,64],[1692814535000,65],[1692814536000,65],[1692814537000,66],[1692814538000,66],[1692814539000,67],[1692814540000,67],[1692814541000,68],[1692814542000,69],[1692814543000,68],[1692814544000,70],[1692814545000,70],[1692814546000,70],[1692814547000,71],[1692814548000,72],[1692814549000,72],[1692814550000,73],[1692814551000,73],[1692814552000,73],[1692814553000,74],[1692814554000,75],[1692814555000,75],[1692814556000,76],[1692814557000,76],[1692814558000,77],[1692814559000,77],[1692814560000,78],[1692814561000,78],[1692814562000,79],[1692814563000,80],[1692814564000,80],[1692814565000,80],[1692814566000,81],[1692814567000,82],[1692814568000,82],[1692814569000,84],[1692814570000,82],[1692814571000,84],[1692814572000,85],[1692814573000,84],[1692814574000,85],[1692814575000,86],[1692814576000,86],[1692814577000,87],[1692814578000,87],[1692814579000,88],[1692814580000,88],[1692814581000,89],[1692814582000,89],[1692814583000,90],[1692814584000,90],[1692814585000,91],[1692814586000,91],[1692814587000,92],[1692814588000,93],[1692814589000,93],[1692814590000,93],[1692814591000,94],[1692814592000,95],[1692814593000,95],[1692814594000,95],[1692814595000,96],[1692814596000,97],[1692814597000,97],[1692814598000,98],[1692814599000,98],[1692814600000,99],[1692814601000,99],[1692814602000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692814398000,3],[1692814399000,2],[1692814400000,2],[1692814401000,2],[1692814402000,2],[1692814403000,2],[1692814404000,2],[1692814405000,2],[1692814406000,2],[1692814407000,1],[1692814408000,3],[1692814409000,13],[1692814410000,4],[1692814411000,7],[1692814412000,5],[1692814413000,5],[1692814414000,6],[1692814415000,5],[1692814416000,3],[1692814417000,5],[1692814418000,6],[1692814419000,5],[1692814420000,1],[1692814421000,6],[1692814422000,7],[1692814423000,7],[1692814424000,11],[1692814425000,14],[1692814426000,18],[1692814427000,21],[1692814428000,24],[1692814429000,28],[1692814430000,32],[1692814431000,35],[1692814432000,39],[1692814433000,41],[1692814434000,44],[1692814435000,48],[1692814436000,51],[1692814437000,56],[1692814438000,58],[1692814439000,62],[1692814440000,65],[1692814441000,68],[1692814442000,72],[1692814443000,74],[1692814444000,79],[1692814445000,83],[1692814446000,86],[1692814447000,89],[1692814448000,92],[1692814449000,94],[1692814450000,98],[1692814451000,101],[1692814452000,105],[1692814453000,107],[1692814454000,111],[1692814455000,116],[1692814456000,120],[1692814457000,122],[1692814458000,125],[1692814459000,127],[1692814460000,131],[1692814461000,134],[1692814462000,139],[1692814463000,141],[1692814464000,145],[1692814465000,150],[1692814466000,153],[1692814467000,156],[1692814468000,159],[1692814469000,162],[1692814470000,165],[1692814471000,168],[1692814472000,173],[1692814473000,176],[1692814474000,179],[1692814475000,180],[1692814476000,188],[1692814477000,187],[1692814478000,193],[1692814479000,193],[1692814480000,203],[1692814481000,203],[1692814482000,205],[1692814483000,209],[1692814484000,214],[1692814485000,215],[1692814486000,219],[1692814487000,223],[1692814488000,227],[1692814489000,228],[1692814490000,234],[1692814491000,236],[1692814492000,238],[1692814493000,241],[1692814494000,248],[1692814495000,248],[1692814496000,252],[1692814497000,254],[1692814498000,258],[1692814499000,262],[1692814500000,266],[1692814501000,268],[1692814502000,274],[1692814503000,276],[1692814504000,281],[1692814505000,281],[1692814506000,286],[1692814507000,290],[1692814508000,291],[1692814509000,295],[1692814510000,300],[1692814511000,303],[1692814512000,305],[1692814513000,309],[1692814514000,313],[1692814515000,315],[1692814516000,319],[1692814517000,322],[1692814518000,326],[1692814519000,330],[1692814520000,333],[1692814521000,337],[1692814522000,341],[1692814523000,342],[1692814524000,344],[1692814525000,349],[1692814526000,355],[1692814527000,356],[1692814528000,359],[1692814529000,366],[1692814530000,368],[1692814531000,369],[1692814532000,376],[1692814533000,375],[1692814534000,379],[1692814535000,383],[1692814536000,387],[1692814537000,391],[1692814538000,395],[1692814539000,396],[1692814540000,403],[1692814541000,403],[1692814542000,405],[1692814543000,411],[1692814544000,413],[1692814545000,417],[1692814546000,422],[1692814547000,425],[1692814548000,428],[1692814549000,432],[1692814550000,433],[1692814551000,437],[1692814552000,440],[1692814553000,443],[1692814554000,444],[1692814555000,449],[1692814556000,453],[1692814557000,457],[1692814558000,458],[1692814559000,462],[1692814560000,468],[1692814561000,470],[1692814562000,474],[1692814563000,480],[1692814564000,482],[1692814565000,485],[1692814566000,487],[1692814567000,489],[1692814568000,496],[1692814569000,496],[1692814570000,497],[1692814571000,508],[1692814572000,509],[1692814573000,509],[1692814574000,516],[1692814575000,517],[1692814576000,519],[1692814577000,524],[1692814578000,526],[1692814579000,530],[1692814580000,533],[1692814581000,537],[1692814582000,542],[1692814583000,542],[1692814584000,550],[1692814585000,551],[1692814586000,556],[1692814587000,555],[1692814588000,561],[1692814589000,562],[1692814590000,565],[1692814591000,571],[1692814592000,571],[1692814593000,576],[1692814594000,580],[1692814595000,582],[1692814596000,587],[1692814597000,592],[1692814598000,592],[1692814599000,596],[1692814600000,604],[1692814601000,606],[1692814602000,587]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '13'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  77.64,21.99,0.2,0.08,0.03,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692814398,null],[1692814399,null],[1692814400,null],[1692814401,null],[1692814402,null],[1692814403,null],[1692814404,null],[1692814405,null],[1692814406,null],[1692814407,null],[1692814408,null],[1692814409,null],[1692814410,null],[1692814411,null],[1692814412,null],[1692814413,null],[1692814414,null],[1692814415,null],[1692814416,null],[1692814417,null],[1692814418,null],[1692814419,null],[1692814420,null],[1692814421,null],[1692814422,null],[1692814423,null],[1692814424,null],[1692814425,null],[1692814426,null],[1692814427,null],[1692814428,null],[1692814429,null],[1692814430,null],[1692814431,null],[1692814432,null],[1692814433,null],[1692814434,null],[1692814435,null],[1692814436,null],[1692814437,null],[1692814438,null],[1692814439,null],[1692814440,null],[1692814441,null],[1692814442,null],[1692814443,null],[1692814444,null],[1692814445,null],[1692814446,null],[1692814447,null],[1692814448,null],[1692814449,null],[1692814450,null],[1692814451,null],[1692814452,null],[1692814453,null],[1692814454,null],[1692814455,null],[1692814456,null],[1692814457,null],[1692814458,null],[1692814459,null],[1692814460,null],[1692814461,null],[1692814462,null],[1692814463,null],[1692814464,null],[1692814465,null],[1692814466,null],[1692814467,null],[1692814468,null],[1692814469,null],[1692814470,null],[1692814471,null],[1692814472,null],[1692814473,null],[1692814474,null],[1692814475,null],[1692814476,null],[1692814477,null],[1692814478,null],[1692814479,null],[1692814480,null],[1692814481,null],[1692814482,null],[1692814483,null],[1692814484,null],[1692814485,null],[1692814486,null],[1692814487,null],[1692814488,null],[1692814489,null],[1692814490,null],[1692814491,null],[1692814492,null],[1692814493,null],[1692814494,null],[1692814495,null],[1692814496,null],[1692814497,null],[1692814498,null],[1692814499,null],[1692814500,null],[1692814501,null],[1692814502,null],[1692814503,null],[1692814504,null],[1692814505,null],[1692814506,null],[1692814507,null],[1692814508,null],[1692814509,null],[1692814510,null],[1692814511,null],[1692814512,null],[1692814513,null],[1692814514,null],[1692814515,null],[1692814516,null],[1692814517,null],[1692814518,null],[1692814519,null],[1692814520,null],[1692814521,null],[1692814522,null],[1692814523,null],[1692814524,null],[1692814525,null],[1692814526,null],[1692814527,null],[1692814528,null],[1692814529,null],[1692814530,null],[1692814531,null],[1692814532,null],[1692814533,null],[1692814534,null],[1692814535,null],[1692814536,null],[1692814537,null],[1692814538,null],[1692814539,null],[1692814540,null],[1692814541,null],[1692814542,null],[1692814543,null],[1692814544,null],[1692814545,null],[1692814546,null],[1692814547,null],[1692814548,null],[1692814549,null],[1692814550,null],[1692814551,null],[1692814552,null],[1692814553,null],[1692814554,null],[1692814555,null],[1692814556,null],[1692814557,null],[1692814558,null],[1692814559,null],[1692814560,null],[1692814561,null],[1692814562,null],[1692814563,null],[1692814564,null],[1692814565,null],[1692814566,null],[1692814567,null],[1692814568,null],[1692814569,null],[1692814570,null],[1692814571,null],[1692814572,null],[1692814573,null],[1692814574,null],[1692814575,null],[1692814576,null],[1692814577,null],[1692814578,null],[1692814579,null],[1692814580,null],[1692814581,null],[1692814582,null],[1692814583,null],[1692814584,null],[1692814585,null],[1692814586,null],[1692814587,null],[1692814588,null],[1692814589,null],[1692814590,null],[1692814591,null],[1692814592,null],[1692814593,null],[1692814594,null],[1692814595,null],[1692814596,null],[1692814597,null],[1692814598,null],[1692814599,null],[1692814600,null],[1692814601,null],[1692814602,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692814398,[6,0,6]],[1692814399,[6,0,6]],[1692814400,[6,0,6]],[1692814401,[6,0,6]],[1692814402,[6,0,6]],[1692814403,[6,0,6]],[1692814404,[6,0,6]],[1692814405,[6,0,6]],[1692814406,[6,0,6]],[1692814407,[6,0,6]],[1692814408,[7,0,7]],[1692814409,[14,0,14]],[1692814410,[9,0,9]],[1692814411,[7,0,7]],[1692814412,[10,0,10]],[1692814413,[11,0,11]],[1692814414,[9,0,9]],[1692814415,[10,0,10]],[1692814416,[9,0,9]],[1692814417,[7,0,7]],[1692814418,[9,0,9]],[1692814419,[11,0,11]],[1692814420,[6,0,6]],[1692814421,[7,0,7]],[1692814422,[13,0,13]],[1692814423,[13,0,13]],[1692814424,[21,0,21]],[1692814425,[26,0,26]],[1692814426,[30,0,30]],[1692814427,[35,0,35]],[1692814428,[37,0,37]],[1692814429,[42,0,42]],[1692814430,[47,0,47]],[1692814431,[50,0,50]],[1692814432,[55,0,55]],[1692814433,[58,0,58]],[1692814434,[62,0,62]],[1692814435,[66,0,66]],[1692814436,[70,0,70]],[1692814437,[74,0,74]],[1692814438,[79,0,79]],[1692814439,[83,0,83]],[1692814440,[86,0,86]],[1692814441,[90,0,90]],[1692814442,[94,0,94]],[1692814443,[100,0,100]],[1692814444,[102,0,102]],[1692814445,[105,0,105]],[1692814446,[110,0,110]],[1692814447,[116,0,116]],[1692814448,[119,0,119]],[1692814449,[120,0,120]],[1692814450,[127,0,127]],[1692814451,[131,0,131]],[1692814452,[135,0,135]],[1692814453,[138,0,138]],[1692814454,[142,0,142]],[1692814455,[147,0,147]],[1692814456,[150,0,150]],[1692814457,[155,0,155]],[1692814458,[158,0,158]],[1692814459,[163,0,163]],[1692814460,[166,0,166]],[1692814461,[171,0,171]],[1692814462,[175,0,175]],[1692814463,[178,0,178]],[1692814464,[182,0,182]],[1692814465,[187,0,187]],[1692814466,[191,0,191]],[1692814467,[195,0,195]],[1692814468,[199,0,199]],[1692814469,[203,0,203]],[1692814470,[206,0,206]],[1692814471,[210,0,210]],[1692814472,[215,0,215]],[1692814473,[220,0,220]],[1692814474,[222,0,222]],[1692814475,[226,0,226]],[1692814476,[231,0,231]],[1692814477,[235,0,235]],[1692814478,[239,0,239]],[1692814479,[242,0,242]],[1692814480,[247,0,247]],[1692814481,[251,0,251]],[1692814482,[255,0,255]],[1692814483,[259,0,259]],[1692814484,[262,0,262]],[1692814485,[267,0,267]],[1692814486,[270,0,270]],[1692814487,[277,0,277]],[1692814488,[278,0,278]],[1692814489,[282,0,282]],[1692814490,[287,0,287]],[1692814491,[292,0,292]],[1692814492,[295,0,295]],[1692814493,[299,0,299]],[1692814494,[303,0,303]],[1692814495,[306,0,306]],[1692814496,[311,0,311]],[1692814497,[316,0,316]],[1692814498,[318,0,318]],[1692814499,[323,0,323]],[1692814500,[327,0,327]],[1692814501,[331,0,331]],[1692814502,[335,0,335]],[1692814503,[339,0,339]],[1692814504,[343,0,343]],[1692814505,[347,0,347]],[1692814506,[350,0,350]],[1692814507,[356,0,356]],[1692814508,[360,0,360]],[1692814509,[362,0,362]],[1692814510,[368,0,368]],[1692814511,[371,0,371]],[1692814512,[376,0,376]],[1692814513,[379,0,379]],[1692814514,[383,0,383]],[1692814515,[386,0,386]],[1692814516,[391,0,391]],[1692814517,[396,0,396]],[1692814518,[400,0,400]],[1692814519,[401,0,401]],[1692814520,[408,0,408]],[1692814521,[412,0,412]],[1692814522,[416,0,416]],[1692814523,[419,0,419]],[1692814524,[422,0,422]],[1692814525,[428,0,428]],[1692814526,[431,0,431]],[1692814527,[435,0,435]],[1692814528,[439,0,439]],[1692814529,[443,0,443]],[1692814530,[448,0,448]],[1692814531,[451,0,451]],[1692814532,[455,0,455]],[1692814533,[461,0,461]],[1692814534,[463,0,463]],[1692814535,[467,0,467]],[1692814536,[472,0,472]],[1692814537,[476,0,476]],[1692814538,[479,0,479]],[1692814539,[482,0,482]],[1692814540,[487,0,487]],[1692814541,[492,0,492]],[1692814542,[496,0,496]],[1692814543,[500,0,500]],[1692814544,[503,0,503]],[1692814545,[507,0,507]],[1692814546,[512,0,512]],[1692814547,[515,0,515]],[1692814548,[520,0,520]],[1692814549,[524,0,524]],[1692814550,[528,0,528]],[1692814551,[532,0,532]],[1692814552,[535,0,535]],[1692814553,[539,0,539]],[1692814554,[543,0,543]],[1692814555,[548,0,548]],[1692814556,[551,0,551]],[1692814557,[556,0,556]],[1692814558,[560,0,560]],[1692814559,[562,0,562]],[1692814560,[569,0,569]],[1692814561,[571,0,571]],[1692814562,[577,0,577]],[1692814563,[579,0,579]],[1692814564,[584,0,584]],[1692814565,[587,0,587]],[1692814566,[592,0,592]],[1692814567,[596,0,596]],[1692814568,[600,0,600]],[1692814569,[603,0,603]],[1692814570,[608,0,608]],[1692814571,[612,0,612]],[1692814572,[615,0,615]],[1692814573,[622,0,622]],[1692814574,[622,0,622]],[1692814575,[629,0,629]],[1692814576,[631,0,631]],[1692814577,[637,0,637]],[1692814578,[639,0,639]],[1692814579,[644,0,644]],[1692814580,[648,0,648]],[1692814581,[652,0,652]],[1692814582,[656,0,656]],[1692814583,[660,0,660]],[1692814584,[664,0,664]],[1692814585,[666,0,666]],[1692814586,[673,0,673]],[1692814587,[676,0,676]],[1692814588,[680,0,680]],[1692814589,[684,0,684]],[1692814590,[688,0,688]],[1692814591,[693,0,693]],[1692814592,[695,0,695]],[1692814593,[700,0,700]],[1692814594,[704,0,704]],[1692814595,[708,0,708]],[1692814596,[711,0,711]],[1692814597,[717,0,717]],[1692814598,[720,0,720]],[1692814599,[725,0,725]],[1692814600,[729,0,729]],[1692814601,[732,0,732]],[1692814602,[1078,0,1078]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692814398,[6,0,6]],[1692814399,[6,0,6]],[1692814400,[6,0,6]],[1692814401,[6,0,6]],[1692814402,[6,0,6]],[1692814403,[6,0,6]],[1692814404,[6,0,6]],[1692814405,[6,0,6]],[1692814406,[6,0,6]],[1692814407,[6,0,6]],[1692814408,[7,0,7]],[1692814409,[14,0,14]],[1692814410,[9,0,9]],[1692814411,[7,0,7]],[1692814412,[10,0,10]],[1692814413,[11,0,11]],[1692814414,[9,0,9]],[1692814415,[10,0,10]],[1692814416,[9,0,9]],[1692814417,[7,0,7]],[1692814418,[9,0,9]],[1692814419,[11,0,11]],[1692814420,[6,0,6]],[1692814421,[7,0,7]],[1692814422,[13,0,13]],[1692814423,[13,0,13]],[1692814424,[21,0,21]],[1692814425,[26,0,26]],[1692814426,[30,0,30]],[1692814427,[35,0,35]],[1692814428,[37,0,37]],[1692814429,[42,0,42]],[1692814430,[47,0,47]],[1692814431,[50,0,50]],[1692814432,[55,0,55]],[1692814433,[58,0,58]],[1692814434,[62,0,62]],[1692814435,[66,0,66]],[1692814436,[70,0,70]],[1692814437,[74,0,74]],[1692814438,[79,0,79]],[1692814439,[83,0,83]],[1692814440,[86,0,86]],[1692814441,[90,0,90]],[1692814442,[94,0,94]],[1692814443,[100,0,100]],[1692814444,[102,0,102]],[1692814445,[105,0,105]],[1692814446,[110,0,110]],[1692814447,[116,0,116]],[1692814448,[119,0,119]],[1692814449,[120,0,120]],[1692814450,[127,0,127]],[1692814451,[131,0,131]],[1692814452,[135,0,135]],[1692814453,[138,0,138]],[1692814454,[142,0,142]],[1692814455,[147,0,147]],[1692814456,[150,0,150]],[1692814457,[155,0,155]],[1692814458,[158,0,158]],[1692814459,[163,0,163]],[1692814460,[166,0,166]],[1692814461,[171,0,171]],[1692814462,[175,0,175]],[1692814463,[178,0,178]],[1692814464,[182,0,182]],[1692814465,[187,0,187]],[1692814466,[191,0,191]],[1692814467,[195,0,195]],[1692814468,[199,0,199]],[1692814469,[203,0,203]],[1692814470,[206,0,206]],[1692814471,[210,0,210]],[1692814472,[215,0,215]],[1692814473,[220,0,220]],[1692814474,[222,0,222]],[1692814475,[226,0,226]],[1692814476,[231,0,231]],[1692814477,[235,0,235]],[1692814478,[239,0,239]],[1692814479,[242,0,242]],[1692814480,[247,0,247]],[1692814481,[251,0,251]],[1692814482,[255,0,255]],[1692814483,[259,0,259]],[1692814484,[262,0,262]],[1692814485,[267,0,267]],[1692814486,[270,0,270]],[1692814487,[277,0,277]],[1692814488,[278,0,278]],[1692814489,[282,0,282]],[1692814490,[287,0,287]],[1692814491,[292,0,292]],[1692814492,[295,0,295]],[1692814493,[299,0,299]],[1692814494,[303,0,303]],[1692814495,[306,0,306]],[1692814496,[311,0,311]],[1692814497,[315,0,315]],[1692814498,[319,0,319]],[1692814499,[323,0,323]],[1692814500,[327,0,327]],[1692814501,[331,0,331]],[1692814502,[335,0,335]],[1692814503,[339,0,339]],[1692814504,[343,0,343]],[1692814505,[347,0,347]],[1692814506,[350,0,350]],[1692814507,[356,0,356]],[1692814508,[360,0,360]],[1692814509,[362,0,362]],[1692814510,[368,0,368]],[1692814511,[371,0,371]],[1692814512,[376,0,376]],[1692814513,[379,0,379]],[1692814514,[383,0,383]],[1692814515,[386,0,386]],[1692814516,[391,0,391]],[1692814517,[396,0,396]],[1692814518,[398,0,398]],[1692814519,[403,0,403]],[1692814520,[408,0,408]],[1692814521,[412,0,412]],[1692814522,[416,0,416]],[1692814523,[419,0,419]],[1692814524,[422,0,422]],[1692814525,[428,0,428]],[1692814526,[431,0,431]],[1692814527,[435,0,435]],[1692814528,[439,0,439]],[1692814529,[443,0,443]],[1692814530,[448,0,448]],[1692814531,[451,0,451]],[1692814532,[455,0,455]],[1692814533,[460,0,460]],[1692814534,[464,0,464]],[1692814535,[467,0,467]],[1692814536,[472,0,472]],[1692814537,[476,0,476]],[1692814538,[479,0,479]],[1692814539,[482,0,482]],[1692814540,[487,0,487]],[1692814541,[492,0,492]],[1692814542,[496,0,496]],[1692814543,[500,0,500]],[1692814544,[503,0,503]],[1692814545,[507,0,507]],[1692814546,[512,0,512]],[1692814547,[515,0,515]],[1692814548,[520,0,520]],[1692814549,[524,0,524]],[1692814550,[528,0,528]],[1692814551,[532,0,532]],[1692814552,[535,0,535]],[1692814553,[538,0,538]],[1692814554,[544,0,544]],[1692814555,[548,0,548]],[1692814556,[551,0,551]],[1692814557,[556,0,556]],[1692814558,[560,0,560]],[1692814559,[562,0,562]],[1692814560,[569,0,569]],[1692814561,[571,0,571]],[1692814562,[576,0,576]],[1692814563,[580,0,580]],[1692814564,[584,0,584]],[1692814565,[587,0,587]],[1692814566,[592,0,592]],[1692814567,[596,0,596]],[1692814568,[600,0,600]],[1692814569,[603,0,603]],[1692814570,[608,0,608]],[1692814571,[612,0,612]],[1692814572,[615,0,615]],[1692814573,[622,0,622]],[1692814574,[622,0,622]],[1692814575,[629,0,629]],[1692814576,[631,0,631]],[1692814577,[637,0,637]],[1692814578,[639,0,639]],[1692814579,[644,0,644]],[1692814580,[648,0,648]],[1692814581,[652,0,652]],[1692814582,[656,0,656]],[1692814583,[660,0,660]],[1692814584,[664,0,664]],[1692814585,[666,0,666]],[1692814586,[673,0,673]],[1692814587,[676,0,676]],[1692814588,[680,0,680]],[1692814589,[684,0,684]],[1692814590,[688,0,688]],[1692814591,[693,0,693]],[1692814592,[695,0,695]],[1692814593,[700,0,700]],[1692814594,[704,0,704]],[1692814595,[708,0,708]],[1692814596,[711,0,711]],[1692814597,[717,0,717]],[1692814598,[720,0,720]],[1692814599,[724,0,724]],[1692814600,[730,0,730]],[1692814601,[732,0,732]],[1692814602,[1078,0,1078]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68420.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
